﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="shortcut icon" href="../images/logo/logo16_16.png" />
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="col-md-8 column">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#" style=" font-size:20px; font-weight:bold;">博客列表</a>
                    </li>
                    <!--<li>
                        <a href="#">简介</a>
                    </li>
                    <li class="disabled">
                        <a href="#">信息</a>
                    </li>-->
                    <!--<li class="dropdown pull-right">
                        <input type="button" name="btnmyblog" value="我的博文" />
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle">下拉<strong class="caret"></strong></a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#">操作</a>
                            </li>
                            <li>
                                <a href="#">设置栏目</a>
                            </li>
                            <li>
                                <a href="#">更多设置</a>
                            </li>
                            <li class="divider">
                            </li>
                            <li>
                                <a href="#">分割线</a>
                            </li>
                        </ul>
                    </li>-->
                </ul>
            </div>
        </div>

        <div class="container" style=" width:100%; font-size:16px; padding-top:20px;">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <div class="row clearfix">
                        <div class="col-md-12 column" s>
                            博客类别：
                            <div class="btn-group">

                                <button class="btn btn-default">全部</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">随笔杂记</a>
                                    </li>
                                    <li c>
                                        <a href="#">学习笔记</a>
                                    </li>

                                    <li>
                                        <a href="#">代码片段</a>
                                    </li>
                                    <li>
                                        <a href="#">转载分享</a>
                                    </li>
                                </ul>
                            </div>

                            博客标签：
                            <div class="btn-group">

                                <button class="btn btn-default">全部</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="#">.NET</a>
                                    </li>
                                    <li>
                                        <a href="#">SQL Server</a>
                                    </li>
                                    <li>
                                        <a href="#">JavaScript</a>
                                    </li>
                                    <li>
                                        <a href="#">Ext JS</a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <hr />
                    <div class="row clearfix">
                        <div class="col-md-12 column">
                            <table class="table table-hover">
                                <thead>
                                    <tr>

                                        <!--<th>
                                            序号
                                        </th>-->
                                        <th style="width:60%">
                                            标题
                                        </th>
                                        <th>
                                            发表时间
                                        </th>
                                        <th>
                                            操作
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <!--<td>
                                            1
                                        </td>-->
                                        <td>
                                            <a href="#">TB - Monthly</a>
                                        </td>
                                        <td>
                                            01/04/2012
                                        </td>
                                        <td>
                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <!--<td>
                                            1
                                        </td>-->
                                        <td>
                                            <a href="#">TB - Monthly</a>
                                        </td>
                                        <td>
                                            01/04/2012
                                        </td>
                                        <td>
                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <!--<td>
                                            2
                                        </td>-->
                                        <td>
                                            <a href="#">TB - Monthly</a>
                                        </td>
                                        <td>
                                            02/04/2012
                                        </td>
                                        <td>
                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <!--<td>
                                            3
                                        </td>-->
                                        <td>
                                            <a href="#">TB - Monthly</a>
                                        </td>
                                        <td>
                                            03/04/2012
                                        </td>
                                        <td>
                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <!--<td>
                                            4
                                        </td>-->
                                        <td>
                                            <a href="#">TB - Monthly</a>
                                        </td>
                                        <td>
                                            04/04/2012
                                        </td>
                                        <td>
                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">TB - Monthly</a>
                                        </td>
                                        <td>
                                            04/04/2012
                                        </td>
                                        <td>
                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">TB - Monthly</a>
                                        </td>
                                        <td>
                                            04/04/2012
                                        </td>
                                        <td>
                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">TB - Monthly</a>
                                        </td>
                                        <td>
                                            04/04/2012
                                        </td>
                                        <td>
                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a href="#">TB - Monthly</a>
                                        </td>
                                        <td>
                                            04/04/2012
                                        </td>
                                        <td>
                                            <a href="#">编辑</a> | <a href="#">删除</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="container">
                        <div class="row clearfix">
                            <div class="col-md-12 column">
                                <ul class="pagination pagination-lg">
                                    <li>
                                        <a href="#">Prev</a>
                                    </li>
                                    <li>
                                        <a href="#">1</a>
                                    </li>
                                    <li>
                                        <a href="#">2</a>
                                    </li>
                                    <li>
                                        <a href="#">3</a>
                                    </li>
                                    <li>
                                        <a href="#">4</a>
                                    </li>
                                    <li>
                                        <a href="#">5</a>
                                    </li>
                                    <li>
                                        <a href="#">Next</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row clearfix">
            <div class="col-md-12 column">
            </div>
        </div>
    </div>
</body>
</html>
